<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="./img/logo2.png"/>
    <title>4D书城</title>

    <link rel="stylesheet" href="./css/nav.css">
     
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="./js/nav.js"></script>

    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .productmain{
            width: 80%;
            margin: 0 10%;
        }
        h2{
            margin: 0 auto;
            margin-top: 120px;
            color: rgb(133, 133, 133);
            width: 200px;
            font-size: 30px;
        }
        h3{
            color: rgb(133, 133, 133);
            font-size: 25px;
        }
        h4{
            color: rgb(133, 133, 133);
            margin-left: 40px;
            font-size: 18px;
        }
        h5{
            color: rgb(133, 133, 133);
            margin-left: 60px;
            font-size: 15px;
        }
        li{
            color: rgb(133, 133, 133);
            list-style-type: none;
            margin-top: 10px;
            margin-left: 70px;
        }
        .productimgbox{
            width: 70%;
            margin: 0 auto;
        }
        img{
            width: 100%;
        }
        .productblank{
            height: 300px;
        }
    </style>
</head>
<body>
    <nav>
        <a class="nav-a1 businesslev" href="./book.html">创业计划书</a>
        <a class="active businesslev" href="./product.html">产品服务</a>
        <a class="navbusniess" href="./business.html">商务合作∨</a>
        <a class="businesslev" href="./index.html">首页</a>
        <img src="./img/xtu.png">
    </nav>
    <div class="businessbox">
        <a href="./business1.html" target="_blank"><div class="business business1">AR职业教育</div></a>
        <a href="./business2.html" target="_blank"><div class="business business2">AR融合出版</div></a>
        <a href="./business3.html" target="_blank"><div class="business business3">AR智慧工业</div></a>
        <a href="./business4.html" target="_blank"><div class="business business4">AR数字化展厅</div></a>
    </div>
    <div class="productmain">
        <h2 class="title">4D书城</h2>
        <br><br>
        <h3>1. 产品简介</h3>
        <br>
        <h5>
            “4D书城”是一款增强现实教育平台APP，是中国科协推荐品牌，「科普中国」传播矩阵成员，
            国内首创集成AR & VR的少儿教育娱乐内容平台APP，400万家庭科普学习首选。“4D书城”涵盖了丰富的资源内容，
            不仅创新了传统纸媒的展现形式，还提升了用户的阅读体验。</h5>
        <br>
        <div class="productimgbox"><img src="./img/product5.jpg" alt=""></div>
        <br>
        <h3>2. 产品价值</h3>
        <br>
        <ul>
            <li>·  内容丰富，涵盖了百科AR卡、4D故事绘本、VR魔镜-儿童安全百科、VR魔镜-科普百科系列等儿童教育产品，以及教材、教辅、童话故事、成语故事、科普图书、科学</li>
            <li>·  杂志、儿童绘本等数千本AR电子图书。</li>
            <li>·  融合技术，有效地将纸质图书和聚合媒体进行快速融合，即为纸质图书的页面内容匹配相关的音频、视频、三维模型、全景、图片、超链接等数字资源素材。</li>
            <li>·  多种交互，通过手势、语音指令等交互手段进行人机互动，实现丰富的阅读体验。</li>
        </ul>
        <br>
        <div class="productblank"></div>
    </div>
    
</body>
</html>